<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 标签选择器 标签名+声明块 */
        p{
            background-color: blueviolet ;
        }
        /* id选择器 #id */
        #two{
            background-color: aquamarine;
        }
        /* 类选择器 类名{}*/
        .font{
            color: royalblue;
            background-color: darkgreen;
        }
    </style>
</head>
<body>
    <!-- 所有标签可以使用属性：
     1.style 行内样式/内联样式 设置标签样式
     2.id 唯一标识标签 类似于身份证
     3.class 表示一类标签
     4.tittle 光标悬浮到标签上的提示说明 
     
     当样式冲突时 优先级
     优先级提高 ！important 不计入权重计算
     style属性权重1000
     id选择器权重0100
     class选择器权重0010
     标签选择器 权重0001-->
    <div>我是一个div</div>
    <p class="font">段落标签</p>
    <p id="two" class="font">段落标签</p>
    <p class="font">段落标签</p>
    <section>section 标签</section></section>
</body>
</html>